<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <title>课程资源-freestudy</title>
  <!--视口 不缩放 -->
  <link rel="shortcut icon" href="../imgs/icon.gif">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/zui/1.7.0/css/zui.min.css" rel="stylesheet">
  <link th:href="@{/css/main.css}" rel="stylesheet">
  <link th:href="@{/css/lesson1.css}" rel="stylesheet">
</head>

<body>
<div id="page">
  <!-- Header -->
  <header>
    <div class="container" th:replace="header::pagination">
    </div>
  </header><!-- header end -->
  <img th:src="@{/img/index2.jpeg}">
  <div th:each="resourceVo:${resourceVoList}">
    <section>
      <div class="card-group clearfix mb-20">
        <br>
        <h2 class="con-title mb-20" th:text="${resourceVo.name + '-' +  resourceVo.title}"></h2>
        <div class="row" th:each="video: ${resourceVo.videoList}">
          <!-- 项目列表 块  start -->
          <div class="card-box">
            <div class="card-box-content">
              <div class="card-img mb-20">
                <video th:src="${video.url}" controls></video>
              </div>
              <div class="card-title">
                <div class="text-ellipsis" th:text="${video.title}"></div>
              </div>
            </div>
          </div>
          <!-- 项目列表 块  end -->
        </div>
      </div>
    </section>
  </div>


  <footer>
    <div class="container">
      <div class="col-xs-3"><br>
        <img th:src="@{/img/logo.png}" width="120">
        <p>计算机动漫与游戏设计在线学习系统</p>
        <p>课程内容版权均归
          <br>Freestudy有限公司所有
        </p>
      </div>
      <div class="col-xs-3">
        <h2>服务中心</h2>
        <p>共建共享课程服务协议</p>
        <p>侵权投诉</p>
        <p>问题反馈</p>
        <p>用户操作说明</p>
        <p>加入共建课程</p>
      </div>
      <div class="container">
        <div class="col-xs-3">
          <h2>相关链接</h2>
          <p>中华人民共和国教育部</p>
          <p>中华人民共和国工业和信息化部</p>
          <p>中国职业教育教学指导网</p>
          <p>教育部职业技术教育中心研究所</p>
        </div>
        <div class="col-xs-3">
          <h2>联系我们</h2>
          <p>咨询热线：17352900411</p>
          <p>电子邮箱：674865356@qq.com</p>
          <br>
          <br>
        </div>
      </div>
    </div>
  </footer>
</div>
</body>

</html>
